$(function(){
    log_statistics_init();
}) ;
function log_statistics_init(){
    /////////////////////////////////下拉列表/////////////////////////
    $('.selectpicker').selectpicker();
    ////////////////////////初始化页面元素事件  start/////////////////////
    common.timeselectInit($("#btn-time"),log_statistics_updateData);//初始化时间控件
    $("#btn-query").click(function(){
        log_statistics_updateData();
    });
    $("#s_log_type").change(function(){
        log_statistics_updateData();
    });
    ////////////////////////初始化页面元素事件  end/////////////////////"

    //初始化系统树
    common.sysTreeInit($('#sys_tree'),log_statistics_updateData,common.TYPE_METADATA_LOG);
    ////////////////////////初始化表格  start/////////////////////
    $('#id_log').bootstrapTable({
        data:[],
        pagination : true, //显示分页
        //	    onlyInfoPagination:true, // true 只显示总数 不显示分页
        //	    pageSize:5,              //设置当前页显示数目
        //	    pageList:[5,10,15,20,50],

        //	    showFooter:true,
        showRefresh : false, // 设置刷新按钮
        showToggle : false, //
        showColumns : false, //
        striped : true, //
        //	    escape:true,
        //	    showHeader:true,        //是否显示表头
        search : false, //是否显示搜索框
        toolbar : '#toolbar', //toolbar
        columns : [
//        {
//			checkbox : false
//		},
            {
                field : 'sysName',
                title : '系统名称',
                align : 'center',
                sortable : true
            }, {
                field : 'logLevel',
                title : '日志级别',
                align : 'center',
                sortable : true
            }, {
                field : 'l1Name',
                title : 'l1Name',
                align : 'center',
                sortable : true
            }, {
                field : 'l2Name',
                title : 'l2Name',
                align : 'center',
                sortable : true
            }, {
                field : 'l3Name',
                title : 'l3Name',
                align : 'center',
                sortable : true
            } ,{
                field : 'requestCount',
                title : '请求数',
                align : 'center',
                sortable : true
            } ,{
                field : 'requestSize',
                title : '流量(kb)',
                align : 'center',
                sortable : true
            } ]
    });
    ////////////////////////初始化表格  end/////////////////////
}

/**
 * 更新数据
 * @type {string}
 */
var sysName="";
var l1Name="";
var l2Name="";
var l3Name="";
function log_statistics_updateData(sysNameOut,l1NameOut,l2NameOut,l3NameOut){
    if(sysNameOut!=undefined){
        sysName=sysNameOut;
    }
    if(l1NameOut!=undefined){
        l1Name=l1NameOut
    }
    if(l2NameOut!=undefined){
        l2Name=l2NameOut
    }
    if(l3NameOut!=undefined){
        l3Name=l3NameOut
    }
    var times=$('#btn-time').html();
    var logLevel = $('#s_log_type').val();
    $.ajax({
        type:"post",
        url:"log/logStatistics.action",
        dataType:"json",
        data:{
            sysName:sysName,
            l1Name:l1Name,
            l2Name:l2Name,
            l3Name:l3Name,
            logLevel:logLevel,
            times:times
        },
        success:function(data){
            var lsds=data.lsds;
            var chartCategories=data.chartCategories;
            var css=data.css;
            log_statistics_updateTableData(lsds);
            if(chartCategories==''){
                $('#chart-content').hide();
            }else{
                $('#chart-content').show();
                log_statistics_updateChartDate(chartCategories,css);
            }
        },
        error:function(XMLHttpRequest, textStatus, errorThrown){
        }
    });
}

/**
 * 更新表格数据
 * @param tableData
 */
function log_statistics_updateTableData(tableData) {
    $('#id_log').bootstrapTable('load', {data: tableData});
}

/**
 * 跟新图表数据
 * @param categories
 * @param series
 */
function log_statistics_updateChartDate(categories,series){
    $('#chart-content').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: ''
        },
//        subtitle: {
//            text: 'Source: WorldClimate.com'
//        },
        xAxis: {
            //categories: ['netty','fs','ins']
            categories: categories
        },
        yAxis: {
            min: 0,
            title: {
                text: '单位 (个数/kb)'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        //series: [{name: '请求',data: [18, 21, 10]}, {name: '流量',data: [29, 40, 90]}]
        series: series
    });
}
